home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2006 May / PCWMAY06.iso / Software / Freeware / First Page 2006 3.00 / fp2006-final-3.00-setup.exe / {app} / Iscripts / DHTML - User System / different-css.izs < prev    next >
Text File  |  2005-09-02  |  3KB  |  86 lines
  1. <!NOWIZARD>
  2.  
  3. <!TITLE>Different CSS depending on OS (Mac or PC)
  4. <!/TITLE>
  5.  
  6. <!BROWSER>FF1+ IE5+ Opr7+<!/BROWSER>
  7.  
  8. <!DESCRIPTION>This script allows you to conditionally apply two different style sheets to your page depending on whether the user's Operating System is Mac or PC (default). Designers will tell you Mac renders certain elements of a webpage differently than PC (ie: font sizes), so this script can be used to overcome this inconsistency. The style sheet to load can either be two global inline styles or external CSS files.
  9. <!/DESCRIPTION> 
  10.  
  11. <!CATEGORY>text animations<!/CATEGORY>
  12.  
  13. <!SCRIPT>
  14. <!-- START OF SCRIPT -->
  15. <script type="text/javascript">
  16.  
  17. /***********************************************
  18. * Different CSS depending on OS (mac/pc)- ⌐ Dynamic Drive (www.dynamicdrive.com)
  19. * This notice must stay intact for use
  20. * Visit http://www.dynamicdrive.com/ for full source code
  21. ***********************************************/
  22.  
  23. var csstype="inline" //Specify type of CSS to use. "Inline" or "external"
  24.  
  25. var mac_css='body{font-size: 14pt; }' //if "inline", specify mac css here
  26. var pc_css='body{font-size: 12pt; }' //if "inline", specify PC/default css here
  27.  
  28. var mac_externalcss='/style/macstyle.css' //if "external", specify Mac css file here
  29. var pc_externalcss='/style/pcstyle.css'   //if "external", specify PC/default css file here
  30.  
  31. ///////No need to edit beyond here////////////
  32.  
  33. var mactest=navigator.userAgent.indexOf("Mac")!=-1
  34. if (csstype=="inline"){
  35. document.write('<style type="text/css">')
  36. if (mactest)
  37. document.write(mac_css)
  38. else
  39. document.write(pc_css)
  40. document.write('</style>')
  41. }
  42. else if (csstype=="external")
  43. document.write('<link rel="stylesheet" type="text/css" href="'+ (mactest? mac_externalcss : pc_externalcss) +'">')
  44.  
  45. </script>
  46. <!-- END OF SCRIPT -->
  47. <!/SCRIPT>
  48.  
  49. <!PREVIEW>
  50. <!-- START OF SCRIPT -->
  51. <script type="text/javascript">
  52.  
  53. /***********************************************
  54. * Different CSS depending on OS (mac/pc)- ⌐ Dynamic Drive (www.dynamicdrive.com)
  55. * This notice must stay intact for use
  56. * Visit http://www.dynamicdrive.com/ for full source code
  57. ***********************************************/
  58.  
  59. var csstype="inline" //Specify type of CSS to use. "Inline" or "external"
  60.  
  61. var mac_css='body{font-size: 14pt; }' //if "inline", specify mac css here
  62. var pc_css='body{font-size: 12pt; }' //if "inline", specify PC/default css here
  63.  
  64. var mac_externalcss='/style/macstyle.css' //if "external", specify Mac css file here
  65. var pc_externalcss='/style/pcstyle.css'   //if "external", specify PC/default css file here
  66.  
  67. ///////No need to edit beyond here////////////
  68.  
  69. var mactest=navigator.userAgent.indexOf("Mac")!=-1
  70. if (csstype=="inline"){
  71. document.write('<style type="text/css">')
  72. if (mactest)
  73. document.write(mac_css)
  74. else
  75. document.write(pc_css)
  76. document.write('</style>')
  77. }
  78. else if (csstype=="external")
  79. document.write('<link rel="stylesheet" type="text/css" href="'+ (mactest? mac_externalcss : pc_externalcss) +'">')
  80.  
  81. </script>
  82.  
  83. <!-- END OF SCRIPT -->
  84. <!/PREVIEW>
  85.  
  86. <!RELATED>NONE<!/RELATED>